@circle: 48rpx;
.slider-container {
  display: flex;
  align-items: center;
  width:100%;
  padding:20rpx 0;

  .slider-stick__wrap {
    position: relative;
    flex: 1;
    height: @circle;

    .slider-stick  {
      position: absolute;
      top: @circle/2 - 2rpx;
      left: 0;
      height: 8rpx;
    }
    .slider-stick__unselected {
      width: 100%;
      background-color: #FFDD00;
    }
    .slider-stick__selected {
      background-color: #FFDD00;
    }

    .slider-block {
      position: absolute;
      top: 0;
      left: 0;
      width: @circle;
      height: @circle;
      border-radius: 100%;
      background: url("");
      background-size: 100% 100%;

      box-shadow:0 0 2px 0 #999;
      box-sizing: border-box;
    }
  }
  .slider-value{
    width: 15%;
    font-size: 24rpx;
    color: #999;
    text-align:right;
  }

  .slider-value:nth-child(1){
    text-align: left;
    width: 10%;
  }

}
